<!--
 * @Author: WuFeng <763467339@qq.com>
 * @Date: 2024-11-21 16:10:08
 * @LastEditTime: 2024-11-22 19:31:23
 * @LastEditors: WuFeng <763467339@qq.com>
 * @Description: 
 * @FilePath: \markdown-magic\src\pages\Pdf\page\entry\editor\indexViewer.vue
 * Copyright 版权声明
-->
<template>
  <div class="pageWrap">
    <iframe :src="url" frameborder="0"></iframe>
  </div>
</template>

<script setup>
import { ref, reactive, defineEmits, computed } from 'vue'
import { message } from 'ant-design-vue'
const pdfServerUrl = 'http://localhost:8888/web/viewer.html'
// const pdfInfoUrl = 'http://localhost:8888/web/compressed.tracemonkey-pldi-09.pdf' 
// const pdfInfoUrl = 'http://localhost:8888/examples/learning/helloworld.pdf' 
const pdfInfoUrl = 'http://localhost:8888/docs/pdf.pdf' 
const url = `${pdfServerUrl}?file=${encodeURIComponent(pdfInfoUrl)}`  // 调取接口返回文件流
</script>

<style lang="scss" scoped>
html, body{
  width: 100%;
  height: 100%;
}
</style>
<style lang="scss" scoped>
.pageWrap{
  iframe{
    width: 100%;
    height: calc(100vh - 35px);
  }
}
</style>